import { Image, StyleSheet, useWindowDimensions, Platform } from "react-native";
import { router } from "expo-router";
import { View, Text, Colors, Button, Card } from "react-native-ui-lib";

export default function HomeScreen() {
  return (
    <View padding-16>
      <View height={16}></View>
      <Card marginT-100 padding-12>
        <Text text60BO>react-native-ui-lib 组件演示</Text>
        <Button
          marginT-12
          label="查看组件"
          backgroundColor={Colors.primary}
          onPress={() => router.navigate("/example/uilib")}
        />
      </Card>
      <Card marginT-16 padding-12>
        <Text text60BO>基本功能演示</Text>
        <Button
          marginT-12
          label="查看演示"
          outline
          outlineColor={Colors.primary}
          onPress={() => router.navigate("/example/basic")}
        />
      </Card>
      <Card marginT-16 padding-12>
        <Text text60BO>基本功能演示</Text>
        <Button
          marginT-12
          label="登录页面"
          backgroundColor={Colors.blue30}
          onPress={() => router.navigate("/auth/login")}
        />
      </Card>
    </View>
  );
}
